<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="keywords" content="desktop">
    <meta name="description" content="desktop">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- ios主题样式 -->
    <link rel="stylesheet" href="/static/framework7/css/framework7.ios.min.css">
    <link rel="stylesheet" href="/static/framework7/css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="/static/framework7/icon/css/framework7-icons.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="/static/common/css/common.css">
</head>

<body>
    <!-- 全屏幕模式状态栏覆盖 -->
    <div class="statusbar-overlay"></div>

    <div class="views">
        <div class="view view-main">
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="center sliding">Awesome App</div>
                </div>
            </div>
            <div class="pages navbar-through toolbar-through">
                <div data-page="index" class="page">
                    <div class="page-content list-menu-page infinite-scroll pull-to-refresh-content">
                        <!--下拉刷新UI-->
                        <div class="pull-to-refresh-layer">
                            <div class="preloader"></div>
                            <div class="pull-to-refresh-arrow"></div>
                        </div>
                        <div class="list-block">
                            <ul id="list-menu">

                            </ul>
                        </div>
                        <!-- 上拉加载UI -->
                        <div class="infinite-scroll-preloader">
                            <div class="preloader"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 核心脚本start -->
    <script src="/static/framework7/js/framework7.min.js"></script>
    <script src="/static/common/js/handlebars.js"></script>         <!-- 模板引擎 -->
    <script src="/static/common/js/socket.io.js"></script>          <!-- socket引擎 -->
    <script src="/static/common/js/socket.plug.js"></script>        <!-- socket组件封装 -->
    <script src="/static/framework7/global.js"></script>            <!-- 全局配置 -->
    <script src="/static/common/js/common.js"></script>             <!-- 公共函数 -->
    <script src="/static/common/js/utils.js"></script>              <!-- 工具函数 -->
    <!-- 核心脚本end -->
    <!-- 模板start -->
    <script id="list-menu-template" type="text/x-handlebars-template">
        {{#each this}}
        <li>
            <a href="#" class="item-link item-content">
                <div class="item-media"><i class="color-red f7-icons">bars</i></div>
                <div class="item-inner">
                    <div class="item-title">{{name}}</div>
                </div>
            </a>
        </li>
        {{/each}}
    </script>
    <!-- 模板end -->
    <!-- 业务脚本start -->
    <script src="/logic/demo/index.js"></script>
    <!-- 业务脚本end -->
</body>
</html>